.wrap{
	.headBox{
		// position: fixed;
		display: flex;
		justify-content: space-between;
		margin: 0.26rem 0.24rem 0 0.24rem;
		.back_icon,.search_img{
			width: 0.44rem;
			height: 0.44rem;
		}
		.title{
			font-size: 0.32rem;
			font-weight: 500;
			color: #1E2023;
		}
	}
	.contentBox{
		display: flex;
		justify-content: space-between;
		margin: 0.53rem 0.3rem 0 0.3rem;
		.navList::-webkit-scrollbar {display:none}
		.navList{
			display: flex;
			flex-direction: column;
			overflow-y: scroll;
			height: 12rem;
			width: 1.38rem;
			.navLi:nth-child(1){
				margin-top: 0;
			}
			.navLi:nth-child(2){
				margin-top: 1.05rem;
			}
			.navLi{
				font-size: 0.3rem;
				font-weight: 500;
				color: #1E2023;
				margin-top: 0.85rem;
			}
			.active{
				position: relative;
			}
			.active::after{
				position: absolute;
				content: '';
				left: 1.3rem;
				bottom: 0.03rem;
				width: 0.1rem;
				height: 0.3rem;
				background: #60A7F6;
				border-radius: 0.05rem;
			}
		}
		.content{
			width: 4.7rem;
			overflow-y: scroll;
			
			height: 12rem;
			.banner{
				.banner_img{
					width: 4.7rem;
					height: 1.8rem;
				}
			}
			.contentUl{
				margin-top: 0.6rem;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				
				.contentLi{
					display: flex;
					flex-direction: column;
					margin-bottom: 0.4rem;
					img{
						width: 2.28rem;
						height: 1.8rem;
					}
					p{
						font-size: 0.24rem;
						color: #1E2023;
						margin-top: 0.2rem;
					}
				}
			}
		}
	}
}
	
